<template>
  <div class="page flex-col">
    <div class="bd1 flex-col">
      <div class="section1 flex-col">
        <!-- <div class="group1 flex-row">
          <img
            class="img1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng24922258281ee5a9bd63d1f3923594a90da2a4af98a69c37e361eb3b2f4c246d"
          />
          <span class="txt1">Sketch</span>
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6dfaf638d2f519f4bf2eb2422478f5f52e38895e9ff1a979385d42ecdfb3997f"
          />
          <span class="txt2">9:41&nbsp;AM</span>
          <span class="txt3">100%</span>
          <img
            class="label1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng544be2eb3da7b5e0e7853cbb78c0dc44174d551f56bbdfbc2d171c42f36d0272"
          />
        </div>
        <div class="group2 flex-row">
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng30d35d40d98a97a2484b6de1c806cb000259725a9fdd6554e448981c3feeffd0"
          />
          <span class="txt4">瑞享会员</span>
        </div> -->
      </div>
      <div class="section2 flex-col"></div>
      <div class="section3 flex-col">
        <div class="group3 flex-row">
          <span class="word1">我的权益</span>
          <span class="word2">6</span>
          <span class="txt5">/12</span>
          <span class="info1">VIP服务手册</span>
          <img
            class="label2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng943fef0a8e47d601adad78113c29f5b92332ff02cef1b26274d590c07e92a257"
          />
        </div>
      </div>
      <div class="section4 flex-row">
        <div class="layer1 flex-col">
          <div class="box1 flex-col"></div>
          <img
            class="img2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6fd429a563a02179e07aadafe932a9513a0322f8904fe4a8435394b199bb9966"
          />
          <span class="word3">挂号小秘书</span>
        </div>
        <div class="layer2 flex-col">
          <span class="word4">重疾专业陪诊</span>
        </div>
        <div class="layer3 flex-col">
          <span class="txt6">健康档案建立</span>
        </div>
      </div>
      <div class="section5 flex-row">
        <div
          class="group4-0 flex-col"
          v-for="(item, index) in loopData0"
          :key="index"
        >
          <div class="section6-0 flex-col">
            <span class="word5-0" v-html="item.lanhutext0"></span>
          </div>
          <img
            class="img3-0"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage0"
          />
        </div>
      </div>
    </div>
    <div class="bd2 flex-col"><span class="txt7">已开通</span></div>
    <div class="bd3 flex-col">
      <div class="mod1 flex-col">
        <div class="section7 flex-row">
          <div class="box2 flex-col">
            <img
              class="img4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1e56f6bde554cc6948e2de604fa291a1de1f2cc8dc692969f406c012191f0840"
            />
          </div>
          <div class="box3 flex-col">
            <div class="section8 flex-row">
              <div class="group5 flex-col"><span class="word6">V1</span></div>
              <span class="info2">黄金会员</span>
            </div>
            <span class="txt8">该等级会员可享受8项会员权益</span>
          </div>
        </div>
        <div class="section9 flex-row">
          <div class="group6 flex-col"></div>
          <div class="group7 flex-col"></div>
        </div>
      </div>
      <span class="word7">VIP</span>
      <span class="info3">等级说明</span>
    </div>
    <div class="bd4 flex-col"></div>
    <img
      class="img5"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3579b84a418ed688e334ee8ed3d5f97f9c9733353d0f1dceedc1878992def0b3"
    />
    <img
      class="pic1"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf74eec8565aaff5958912b38d22a763023d8b8ff450cc1288bf25d0127a048a3"
    />
    <div class="bd5 flex-col"></div>
    <div class="bd6 flex-col"></div>
    <div class="bd7 flex-col">
      <div class="block1 flex-col">
        <div class="bd8 flex-col"></div>
        <span class="info4">重疾门诊绿通</span>
      </div>
      <img
        class="img6"
        referrerpolicy="no-referrer"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0c75035c9efa2e43c850ae22f73b36830bf805efb2d17ca2f7827b21e3184655"
      />
    </div>
    <div class="bd9 flex-col"><span class="info5">家庭医生咨询</span></div>
    <div class="bd10 flex-col"><span class="txt9">体检报告解读</span></div>
    <img
      class="img7"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng79c72912e875836861f9112cff2833198b502c09f64d58ce6b7ccbd65ef6bec6"
    />
    <img
      class="pic2"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng943220ce7aa9a608c19fabbbe81d604efeb4176b2d50481c11282b67ce62f536"
    />
    <div class="bd11 flex-col"></div>
    <div class="bd12 flex-col"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: 'V2',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga62702079610deeee8831c0c6655a298a47743db201526dec571c28cda2d9baf'
        },
        {
          lanhutext0: 'V2',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14a3203689704af8a2071bd74dad551d0f03879f6fdefd02f4e1a72d8917245c'
        },
        {
          lanhutext0: 'V2',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd6b0669333d903a7b1fc8ea870263d9e92b49d38f01e72e96c031d1bc2b9effd'
        },
        {
          lanhutext0: 'V3',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfe78f1f6054af3bbdd519e6c24d4388d1993d757bf8581a056bdc0e2ea2bc7ba'
        },
        {
          lanhutext0: 'V4',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng79d1b8f334d2150139847ce696864f221f6edba262ace68d577c967084e45c5c'
        },
        {
          lanhutext0: 'V4',
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8e05d064f0c0ee1eb491d58bee5fadc05d3c47c54c1d197833c847a8c8a4d743'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 1786px;
  background-color: rgba(247, 246, 252, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 0;
  .bd1 {
    z-index: auto;
    width: 750px;
    height: 1716px;
    .section1 {
      z-index: 295;
      height: 128px;
      background-color: rgba(247, 247, 247, 1);
      width: 750px;
      .group1 {
        z-index: auto;
        width: 726px;
        height: 29px;
        margin: 7px 0 0 13px;
        .img1 {
          z-index: 306;
          width: 67px;
          height: 11px;
          margin-top: 8px;
        }
        .txt1 {
          z-index: 314;
          width: 76px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 23px;
          letter-spacing: 0.20000000298023224px;
          font-family: HelveticaNeue;
          line-height: 29px;
          margin-left: 8px;
        }
        .icon1 {
          z-index: 315;
          width: 26px;
          height: 18px;
          margin: 4px 0 0 11px;
        }
        .txt2 {
          z-index: 319;
          width: 90px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 23px;
          letter-spacing: 0.10000000149011612px;
          font-family: HelveticaNeue;
          line-height: 29px;
          text-align: center;
          margin-left: 128px;
        }
        .txt3 {
          z-index: 320;
          width: 66px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 23px;
          font-family: HelveticaNeue;
          line-height: 29px;
          text-align: right;
          margin-left: 199px;
        }
        .label1 {
          z-index: 321;
          width: 49px;
          height: 19px;
          margin: 4px 0 0 6px;
        }
      }
      .group2 {
        z-index: auto;
        width: 407px;
        height: 45px;
        justify-content: space-between;
        margin: 26px 0 0 32px;
        .icon2 {
          z-index: 297;
          width: 19px;
          height: 35px;
          margin-top: 5px;
        }
        .txt4 {
          z-index: 296;
          width: 128px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 32px;
          font-family: Helvetica;
          line-height: 38px;
          text-align: center;
        }
      }
    }
    .section2 {
      z-index: 303;
      width: 750px;
      height: 1px;
      background-color: rgba(204, 204, 204, 1);
    }
    .section3 {
      z-index: 2;
      height: 750px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf23529283d03799a00165cddefaa50f176e59c1b950df4b66aceac22e8ff8ca7)
        100% no-repeat;
      width: 750px;
      justify-content: flex-end;
      padding-bottom: 194px;
      align-items: center;
      .group3 {
        z-index: auto;
        width: 671px;
        height: 53px;
        .word1 {
          z-index: 210;
          width: 160px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 38px;
          letter-spacing: 1.899999976158142px;
          font-family: PingFangSC-Semibold;
          line-height: 53px;
          text-align: left;
        }
        .word2 {
          z-index: 220;
          width: 25px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 38px;
          letter-spacing: 1.899999976158142px;
          font-family: PingFangSC-Semibold;
          line-height: 53px;
          text-align: left;
          margin-left: 16px;
        }
        .txt5 {
          z-index: 219;
          width: 40px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 26px;
          line-height: 53px;
          text-align: right;
        }
        .info1 {
          z-index: 211;
          width: 155px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 28px;
          line-height: 40px;
          text-align: center;
          margin: 7px 0 0 241px;
        }
        .label2 {
          z-index: 212;
          width: 24px;
          height: 24px;
          margin: 15px 0 0 10px;
        }
      }
    }
    .section4 {
      z-index: auto;
      width: 670px;
      height: 236px;
      justify-content: space-between;
      margin: 98px 0 0 40px;
      .layer1 {
        z-index: 140;
        height: 236px;
        border-radius: 20px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng881089b8a25c018a7c51c97aa00aaca1dc220f863d086eef85b42dc7b3e7ac63)
          100% no-repeat;
        width: 210px;
        justify-content: flex-start;
        padding-top: 90px;
        align-items: center;
        position: relative;
        .box1 {
          z-index: 259;
          width: 38px;
          height: 38px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6094b0f18c555bfa6d5e7f953c7249fa4162a264d3b1226b4568e80e3f36334f) -6px -6px
            no-repeat;
        }
        .img2 {
          z-index: 143;
          position: absolute;
          left: 0;
          top: 0;
          width: 210px;
          height: 107px;
        }
        .word3 {
          z-index: 142;
          position: absolute;
          left: 0;
          top: 157px;
          width: 210px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: Helvetica;
          line-height: 36px;
          text-align: center;
        }
      }
      .layer2 {
        z-index: 117;
        height: 236px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 1);
        width: 210px;
        justify-content: flex-end;
        padding-bottom: 43px;
        align-items: center;
        .word4 {
          z-index: 118;
          width: 168px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: Helvetica;
          line-height: 36px;
          text-align: center;
        }
      }
      .layer3 {
        z-index: 80;
        height: 236px;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 1);
        width: 210px;
        justify-content: flex-end;
        padding-bottom: 42px;
        .txt6 {
          z-index: 81;
          width: 210px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: Helvetica;
          line-height: 36px;
          text-align: center;
        }
      }
    }
    .section5 {
      z-index: auto;
      width: 670px;
      height: 487px;
      align-self: center;
      margin-top: 16px;
      flex-wrap: wrap;
      .group4-0 {
        z-index: 96;
        height: 236px;
        border-radius: 20px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng881089b8a25c018a7c51c97aa00aaca1dc220f863d086eef85b42dc7b3e7ac63)
          100% no-repeat;
        width: 210px;
        justify-content: flex-start;
        padding-top: 90px;
        align-items: center;
        position: relative;
        margin: 0 20px 16px 0;
        &:nth-child(3n) {
          margin-right: 0;
        }
        &:nth-last-child(-n + 3) {
          margin-bottom: 0;
        }
        .section6-0 {
          z-index: 222;
          height: 38px;
          border-radius: 50%;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng92b8404409f88d5d2037734cccb9b2a411d574bb4d605f6cedeb96a2e674fe3b) -6px -6px
            no-repeat;
          width: 38px;
          justify-content: center;
          align-items: center;
          .word5-0 {
            z-index: 223;
            width: 29px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 20px;
            font-family: Arial-Black;
            line-height: 28px;
            text-align: center;
          }
        }
        .img3-0 {
          z-index: 97;
          position: absolute;
          left: 0;
          top: 0;
          width: 210px;
          height: 236px;
        }
      }
    }
  }
  .bd2 {
    z-index: 292;
    height: 75px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7ab4c13d2fc6813ce62d92e2bc6a82e90885650286f42e9304ca3b41fb04c58d) -10px -5px
      no-repeat;
    width: 116px;
    justify-content: flex-start;
    padding-top: 14px;
    align-items: center;
    position: absolute;
    left: 528px;
    top: 198px;
    .txt7 {
      z-index: 293;
      width: 78px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 26px;
      font-family: PingFangSC-Medium;
      line-height: 37px;
      text-align: center;
    }
  }
  .bd3 {
    z-index: 272;
    height: 350px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2d289cdd583d7e0ebcb2510e9fe2725a346a4b10b128a652b07f862b59b85983) -51px -30px
      no-repeat;
    width: 650px;
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    left: 51px;
    top: 206px;
    padding: 0 0 20px 50px;
    .mod1 {
      z-index: auto;
      width: 538px;
      height: 290px;
      .section7 {
        z-index: auto;
        width: 430px;
        height: 99px;
        justify-content: space-between;
        .box2 {
          z-index: 289;
          height: 99px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng76fcdb88f0c395a75c12d0fd4fefaf9f6bc4819c98f9db28360a9cd14a1b6786) -3px -3px
            no-repeat;
          width: 100px;
          .img4 {
            z-index: 290;
            width: 100px;
            height: 99px;
          }
        }
        .box3 {
          z-index: auto;
          width: 300px;
          height: 93px;
          margin-top: 5px;
          .section8 {
            z-index: auto;
            width: 222px;
            height: 53px;
            margin-left: 1px;
            justify-content: space-between;
            .group5 {
              z-index: 286;
              height: 38px;
              border-radius: 50%;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngccddead62123638dd13f0a70787071d2e29759c1e7ada5b944bb7af58e3305e9)
                100% no-repeat;
              margin-top: 7px;
              width: 38px;
              justify-content: center;
              .word6 {
                z-index: 287;
                width: 38px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(244, 217, 146, 1);
                font-size: 20px;
                font-family: Arial-Black;
                line-height: 28px;
                text-align: center;
              }
            }
            .info2 {
              z-index: 284;
              width: 172px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(40, 11, 5, 1);
              font-size: 38px;
              font-family: PingFangSC-Semibold;
              line-height: 53px;
              text-align: left;
              background-image: linear-gradient(
                282deg,
                rgba(40, 11, 5, 1) 0%,
                rgba(56, 17, 9, 1) 100%
              );
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }
          }
          .txt8 {
            z-index: 283;
            width: 300px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(40, 11, 5, 0.8);
            font-size: 22px;
            line-height: 30px;
            text-align: left;
            margin-top: 10px;
          }
        }
      }
      .section9 {
        z-index: auto;
        width: 538px;
        height: 130px;
        margin-top: 61px;
        justify-content: space-between;
        .group6 {
          z-index: 282;
          width: 140px;
          height: 46px;
          border-radius: 23px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge68509f71cd7b8f03892635c0b812cea80236c75c57d56f62c029d49fa40094b) -1px -1px
            no-repeat;
          margin-top: 39px;
        }
        .group7 {
          z-index: 279;
          width: 162px;
          height: 130px;
          background-image: linear-gradient(
            352deg,
            rgba(253, 219, 146, 1) 0%,
            rgba(255, 244, 209, 1) 100%
          );
        }
      }
    }
    .word7 {
      z-index: 278;
      position: absolute;
      left: 300px;
      top: 155px;
      width: 312px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 222, 118, 1);
      font-size: 180px;
      letter-spacing: 10px;
      font-family: Helvetica;
      line-height: 216px;
      text-align: right;
      text-shadow: 0px 4px 0px rgba(218, 169, 77, 1);
    }
    .info3 {
      z-index: 281;
      position: absolute;
      left: 68px;
      top: 244px;
      width: 104px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(78, 47, 21, 1);
      font-size: 26px;
      line-height: 37px;
      text-align: center;
    }
  }
  .bd4 {
    z-index: 269;
    position: absolute;
    left: 662px;
    top: 240px;
    width: 193px;
    height: 280px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28ceb34ac944eb9f18813fc8e11018fbaa256b0b9439db1a98e0dc0910010ef3) -53px -31px
      no-repeat;
  }
  .img5 {
    z-index: 176;
    position: absolute;
    left: 270px;
    top: 725px;
    width: 210px;
    height: 107px;
  }
  .pic1 {
    z-index: 198;
    position: absolute;
    left: 500px;
    top: 725px;
    width: 210px;
    height: 109px;
  }
  .bd5 {
    z-index: 254;
    position: absolute;
    left: 356px;
    top: 815px;
    width: 38px;
    height: 38px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6094b0f18c555bfa6d5e7f953c7249fa4162a264d3b1226b4568e80e3f36334f) -6px -6px
      no-repeat;
  }
  .bd6 {
    z-index: 264;
    position: absolute;
    left: 586px;
    top: 815px;
    width: 38px;
    height: 38px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6094b0f18c555bfa6d5e7f953c7249fa4162a264d3b1226b4568e80e3f36334f) -6px -6px
      no-repeat;
  }
  .bd7 {
    z-index: 152;
    height: 236px;
    border-radius: 20px;
    overflow: hidden;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng881089b8a25c018a7c51c97aa00aaca1dc220f863d086eef85b42dc7b3e7ac63)
      100% no-repeat;
    width: 210px;
    justify-content: flex-end;
    padding-bottom: 42px;
    position: absolute;
    left: 40px;
    top: 725px;
    .block1 {
      z-index: auto;
      width: 210px;
      height: 104px;
      .bd8 {
        z-index: 244;
        width: 38px;
        height: 38px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6094b0f18c555bfa6d5e7f953c7249fa4162a264d3b1226b4568e80e3f36334f) -6px -6px
          no-repeat;
        align-self: center;
      }
      .info4 {
        z-index: 172;
        width: 210px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 28px;
        font-family: Helvetica;
        line-height: 36px;
        text-align: center;
        margin-top: 29px;
      }
    }
    .img6 {
      z-index: 153;
      position: absolute;
      left: 0;
      top: 0;
      width: 210px;
      height: 107px;
    }
  }
  .bd9 {
    z-index: 174;
    height: 236px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 1);
    width: 210px;
    justify-content: flex-end;
    padding-bottom: 43px;
    align-items: center;
    position: absolute;
    left: 270px;
    top: 725px;
    .info5 {
      z-index: 175;
      width: 168px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(38, 46, 63, 1);
      font-size: 28px;
      font-family: Helvetica;
      line-height: 36px;
      text-align: center;
    }
  }
  .bd10 {
    z-index: 196;
    height: 236px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 1);
    width: 210px;
    justify-content: flex-end;
    padding-bottom: 42px;
    position: absolute;
    left: 500px;
    top: 725px;
    .txt9 {
      z-index: 197;
      width: 210px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(38, 46, 63, 1);
      font-size: 28px;
      font-family: Helvetica;
      line-height: 36px;
      text-align: center;
    }
  }
  .img7 {
    z-index: 119;
    position: absolute;
    left: 270px;
    top: 977px;
    width: 210px;
    height: 109px;
  }
  .pic2 {
    z-index: 82;
    position: absolute;
    left: 500px;
    top: 977px;
    width: 210px;
    height: 109px;
  }
  .bd11 {
    z-index: 249;
    position: absolute;
    left: 356px;
    top: 1067px;
    width: 38px;
    height: 38px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6094b0f18c555bfa6d5e7f953c7249fa4162a264d3b1226b4568e80e3f36334f) -6px -6px
      no-repeat;
  }
  .bd12 {
    z-index: 239;
    position: absolute;
    left: 586px;
    top: 1067px;
    width: 38px;
    height: 38px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6094b0f18c555bfa6d5e7f953c7249fa4162a264d3b1226b4568e80e3f36334f) -6px -6px
      no-repeat;
  }
}

</style>
